import React, {useEffect} from 'react';
import {Modal} from 'antd';
import './invoiceInfo.scss';

function InvoiceInfo(props) {
  return (
    <div className={'invoiceInfo'}>
      <Modal
        style={{top: 20}}
        title="发票-信息"
        visible={props.visible}
        onOk={props.handleOk}
        onCancel={props.handleCancel}
      >
        <div className={'invoiceInfo__box'}>
          <p><span>姓名：</span>{props.invoiceInfo.consignee}</p>
          <p><span>电话：</span>{props.invoiceInfo.phone}</p>
          <p><span>公司名称：</span>{props.invoiceInfo.name}</p>
          <p><span>开户银行：</span>{props.invoiceInfo.bank_account}</p>
          <p><span>银行账户：</span>{props.invoiceInfo.bank_num}</p>
          <p><span>发票类型：</span>{props.invoiceInfo.invoice_type}</p>
          <p><span>税号：</span>{props.invoiceInfo.tax_num}</p>
          <p><span>地址：</span>
            {props.invoiceInfo.province_name}-
            {props.invoiceInfo.city_name}-
            {props.invoiceInfo.district_name}-
            {props.invoiceInfo.address}
          </p>
        </div>
      </Modal>
    </div>
  );
}

export default InvoiceInfo;
